import Antd from 'ant-design-vue'
import { createI18n,useI18n} from 'vue-i18n' //引入vue-i18n组件

import LangENUS from './lang/en-us'
import LangZHCN from './lang/zh-cn'


//https://antdv.com/docs/vue/i18n-cn
import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';


import enUS from 'ant-design-vue/es/locale/en_US';
import zhCN from 'ant-design-vue/es/locale/zh_CN';

const messages = {
    "zhCN" : LangZHCN,
    "enUS": LangENUS,
};


export const setLang = function (languages : string){
    sessionStorage.setItem("lang",languages)
}

export const getLang = function (){
    return sessionStorage.getItem("lang") || 'zhCN';
}

/**
 * 初始化
 */
export default {
    install(app) {
        //i18n
        const i18n = createI18n({
            // fallbackLocale: 'zn_cn',
            globalInjection: true,
            legacy: false,
            locale: getLang() ,
            messages: messages,
        });

        dayjs.locale('zhCN');
        app.use(i18n);

    }
}


//h5使用
// <template>
// <div>
//     <span> {{ $t("person.name") }} </span>
// <span> {{ $t("person.hobby") }} </span>
// </div>
// </template>
//ts使用
// <script setup>
// import { getCurrentInstance } from "vue";
// const { $t } = getCurrentInstance().proxy;
//
// console.log( $t("person.name") ); // => 获取值
// </script>
//切换语言
// import { useI18n } from 'vue-i18n'
// const { locale } = useI18n()
// // 切换中文
// function  changeZh(){   locale.value = 'zh';   };
// // 切换英文
// function  changeEn(){   locale.value = 'en';   };
